﻿<!--﻿<!DOCTYPE HTML>-->
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<link rel="Bookmark" href="imgs/bai.ico">
	<link rel="Shortcut Icon" href="imgs/bai.ico"/>
	<!-- <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/> -->
	<title>仓库地图</title>
	<style type="text/css">
		body { margin: 0; background: #ccc; }
		#tbody { margin: 0 auto; width: 1100px; height: 100vh; background: #fff; overflow: auto; }
		#tbody .tbox { padding-top: 20px; width: 100px; height: 50px; background: #888; text-align: center; color: #fff; cursor:pointer; float: left; }
		#tbody .tbox:hover { background: #0088CC; }
		#tbody .guodao { padding-top: 20px; width: 200px; height: 50px; background: blue; text-align: center; color: #fff; cursor:pointer; float: left; }
		#tbody .gdc { padding-top: 20px; width: 100px; height: 50px; background: blue; text-align: center; color: #fff; cursor:pointer; float: left; }
		#tbody .paizi { padding-top: 20px; width: 50px; height: 50px; background: #eee; text-align: center; color: blue; cursor:pointer; float: left; }
	</style>
</head>
<body>
<div id="tbody">
	<div class="tbox">货架001</div>
	<div class="tbox">货架002</div>
	<div class="tbox">货架003</div>
	<div class="tbox">货架004</div>
	<div class="paizi">A2</div>
	<div class="guodao">过道</div>
	<div class="paizi">B2</div>
	<div class="tbox">货架005</div>
	<div class="tbox">货架006</div>
	<div class="tbox">货架007</div>
	<div class="tbox">货架008</div>
	<div class="tbox">货架001</div>
	<div class="tbox">货架002</div>
	<div class="tbox">货架003</div>
	<div class="tbox">货架004</div>
	<div class="paizi">A1</div>
	<div class="guodao">过道</div>
	<div class="paizi">B1</div>
	<div class="tbox">货架005</div>
	<div class="tbox">货架006</div>
	<div class="tbox">货架007</div>
	<div class="tbox">货架008</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
	<div class="gdc">过道</div>
</div>
</body>
</html>


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/huojia.js"></script>
<script type="text/javascript">
	var cw = document.documentElement.clientWidth;
	var ch = document.documentElement.clientHeight;
	(function () {
		// getList();
	})();
	function getList(){
		var d = huojias;
		var h = '', i = 0, ii, type;
		for (; i < d.length; i ++) {
			type = d[i].type;
			ii = i + 1;
			if (type == 2) {
				h += '<div class="gdc">';
				h += '过道';
			} else if (type == 3) {
				h += '<div class="guodao">';
				h += '过道';
			} else if (type == 4) {
				h += '<div class="paizi">';
				h += 'paizi' + ii;
			} else {
				h += '<div class="tbox">';
				h += d[i].title;
			}
			h += '</div>';
		}
		$('#tbody').html(h);
	}
</script>